<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/header1.css" />
		<link rel="stylesheet" href="../css/xinjian.css" />
	</head>
	<body>
		<header>
			<div class="gcs-head">
				<div id="jump" class="gcs-left"><img src="../img/fhjt.png"/></div>
				<div class="gcs-center">新建日报</div>
				<div class="gcs-right"></div>
			</div>
		</header>
		<main>
			<nav class="xinjian-nav">
				<ul id="qieh">
					<li>关键信息</li>
					<li class="xinjian-active">基本信息</li>
					<li id="zhuan">维护信息</li>
				</ul>
			</nav>
			<div class="xinjian-box">
				
			</div>
			<div class="xinjian-btn">
					<div class="xinjian-btn1">保存</div>
					<div class="xinjian-btn2">提交</div>
			</div>
		</main>
		<footer></footer>
		<script type="text/html" id="xinjian-moban">
			{{each list as v}}
			    <div class="heng-1">
					<ul>
						<li>{{v.title}}</li>
						<li>{{v.content}}</li>
					</ul>
				</div>
				<div class="heng-2">
					<ul>
						<li>{{v.title1}}</li>
						<li>{{v.content1}}</li>
					</ul>
				</div>
			{{/each}}
		</script>
		<script src="../js/jquery-2.2.4.min.js"></script>
		<script src="../js/flexible.debug.js"></script>
	    <script src="../js/flexible_css.debug.js"></script>
	    <script src="../js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
	    <script>
	    	$(function(){
	    		$('#qieh li').click(function(){
	    			
	    			$(this).addClass('xinjian-active').siblings().removeClass('xinjian-active')
	    		})
	    		$('#zhuan').click(function(){
	    			location.href = 'add.html';
	    		})
	    		$('#jump').click(function(){
		    		location.href = "ribao.html";
		    	})
	    		$.ajax({
	    			type:'get',
	    			url:'../json/xinjian.json',
	    			async:'true',
	    			success:function(res){
	    				console.log(res)
	    				var str = template("xinjian-moban", {list: res});
						$(".xinjian-box").append(str)
	    			}
	    		})
	    	})
	    </script>
	</body>
</html>
